<#setting number_format=",###.###">
<style  type="text/css" id="printStyle">

#printHead,#tableArea,#remark,#printFooter,#pageFooter{
    font-family: Times New Roman;
    line-height: 22px;
    font-size: 12px;
}

td,tr,talbe {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-spacing: 0 !important;
	*border-collapse: expression('separate', cellSpacing =   '0px');/
	border-spacing: expression(this.cellSpacing = 0);
}

td,th {
	display: table-cell;
	vertical-align: inherit;
}

table th,table td {
	text-align: left;
}

.printTable {
	width: 100%;
	margin: 0;
	padding: 0;
}

.printTable td {
	word-wrap:break-word;
    word-break:break-all;
}

.printTable tr {
	width: 100%;
}
.printLine td{
    font-weight: bold;
}
.printTable .printLine td {
	line-height: 30px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
</style>
<div id="printHead" style="width: 740px;">
    <div style="text-align: left;width: 500px;">
        CONSIGNEE:${entity.customer.name }<br/>
        Attn:${entity.customer.linkPerson }<br/>
        ${entity.customer.address}<br/>
        Tel:${entity.customer.linkTelephone} <br/>
    </div> 
    <div>
       <div style="height: 200px;text-align: left;margin-top: 15px;"></div>
    </div>
    <div style="text-align: left;width: 500px;">
        Reason for Export:${entity.reason}<br/>
        REMARKS:${entity.remark}
    </div>
    <div style="float: right;text-align: left;width: 300px;">
        Signature:${entity.signatureUser}
    </div>
</div>
<div id="tableArea">
    <div style="width: 100%;margin-top: 20px;">
        <table class="printTable" style="margin-top: 15px;">
           <caption>
               <div style="line-height: 30px;margin-bottom:15px" align="left">
                   Ship items:
                </div>
           </caption>
            <thead>
                <tr class="printLine">
                    <td width="10%">Book Name</td>
                    <td width="45%">No.</td>
                    <td width="15%">Quantity</td>
                    <td width="15%">Unit Price(${currency})</td>
                </tr>
            </thead>
            <tbody>
                <#list orderItems as item>
                <tr>
                    <td style="text-align: left;">${item.bookName }</td>
                    <td style="text-align: left;">${item.no }</td>
                    <td style="text-align: left;">${item.quantity }</td>
                    <td style="text-align: left;">${item.unitPrice }</td>
                </tr>
                </#list>
            </tbody>
        </table>
    </div>
</div>